
//顶部效果
$(window).scroll(function () {
    var scTop = $(document).scrollTop();
    if (scTop > 882) {
        $(".nav2").show();
    } else {
        $(".nav2").hide();
    };
});
// 数量加减
$(function () {
    var num = 1;
   $("body").on("click","#jia", function () {

        num++;
        $(".jian1").html(num)
        $(".y1").hide();
    })
    $("body").on("click","#jian", function () {
        if (num >1) {
            num--;
            $(".jian1").html(num)
        } else {
            num = 1;
            $(".jian1").html(num);
            $(".y1").show()
        }
    })
})
// 放大镜
$(function () {
    $("body").on("click","#small li", function () {
        var $index = $(this).index();
        $("#middleArea").css({
            "height": $("#middleImg").height() / $("#bigImg").height() * $('#bigArea').height(),
            "width": $("#middleImg").width() / $("#bigImg").width() * $('#bigArea').width()
        })
        //比例
        var $oScale = $("#bigArea").width() / $("#middleArea").width()
        if($index==0){
            $("#bigArea #bigImg").eq(0).attr("src",  $("#middleImg .im1").eq(0).attr("src"))
        }


        $(this).css("border", "1px solid red").siblings().css('border', "1px solid #ccc");
        $("#middleImg .im1").eq($index).css("opacity",1).siblings().css("opacity",0)
        $(".im2").hide();
        $(".im3").hide();
        $("#bigArea #bigImg").eq($index).css("opacity",1).siblings().css("opacity",0);
    })
    //调整小区域的大小
  

    $("body").on("mouseenter","#middleImg", function () {
        $("#middleArea").css({
            "height": $("#middleImg").height() / $("#bigImg").height() * $('#bigArea').height(),
            "width": $("#middleImg").width() / $("#bigImg").width() * $('#bigArea').width()
        })
        //比例
        var $oScale = $("#bigArea").width() / $("#middleArea").width()
        $("#middleArea").show();
        $("#bigArea").show();
    })
    $("body").on("mouseleave", "#middleImg",function () {
        $("#middleArea").hide();
        $("#bigArea").hide();
    })
    $("body").on("mousemove","#middleImg", function (e) {
        $("#middleArea").css({
            "height": $("#middleImg").height() / $("#bigImg").height() * $('#bigArea').height(),
            "width": $("#middleImg").width() / $("#bigImg").width() * $('#bigArea').width()
        })
        //比例
        var $oScale = $("#bigArea").width() / $("#middleArea").width()

        var mX = e.pageX - $(this).offset().left - $('#middleArea').width() / 2;
        var mY = e.pageY - $(this).offset().top - $('#middleArea').height() / 2;
        if (mX <= 0) {
            mX = 0
        }

        if (mY <= 0) {
            mY = 0
        }
        if (mX >= $("#middleImg").innerWidth() - $('#middleArea').innerWidth()) {
            mX = $("#middleImg").innerWidth() - $('#middleArea').innerWidth();
        }
        if (mY >= $("#middleImg").innerHeight() - $('#middleArea').innerHeight()) {
            mY = $("#middleImg").innerHeight() - $('#middleArea').innerHeight();
        }
        $("#middleArea").css({
            left: mX,
            top: mY
        })
        // $oScale
        $( '#bigArea #bigImg').css({
            left: -$oScale * mX,
            top: -$oScale * mY,
        })
    })
})

//火箭
$(function(){
    $(window).scroll(function () {
        var scrollValue = parseInt($(document).scrollTop());
    
        // console.log(scrollValue)
        if (scrollValue > 550) {
            $(".a1").show();
        } else {
            $(".a1").hide();
        }
      
    
    });
    $('.huojian>.a1').on("click", function () {
        $("html").animate({ scrollTop: 0 })
    })
})
// 显示/隐藏
$(function () {
    $(".line3>.main>ul>li").on("mouseenter", function () {

        $(this).find(".none_01").css("display", "block");
        console.log($(this).find(".none_01"))
    }).on("mouseleave", function () {
        $(".none_01").hide()
    })
})
$(function () {
    $(".right>ul>.c1").on("mouseenter", function () {
        $(this).find(".ri1").show();
    }).on("mouseleave", function () {
        $(this).find(".ri1").hide();
    })
})

$(function () {
    $(".right>ul>.c4").on("mouseenter", function () {
        $(this).find(".ri4").show();
    }).on("mouseleave", function () {
        $(this).find(".ri4").hide();
    })
})

$(function () {
   $("body").on("mouseenter",".q2>a", function () {
        $(".yxr").show();
    }).on("mouseleave",".q2>a", function () {
        $(".yxr").hide()
    })
})
// 改变颜色
$(function () {
   
    $("body").on("click ",".u2>.x2", function () {
        $(this).addClass("dsb").siblings().removeClass("dsb");
        $("#middleImg .im2").show()
        $("#bigImg").eq(0).css("opacity",1).attr("src", $(".x2 img").prop("src")).siblings().css("opacity",0)
        $("#middleImg .im3").hide()
    })

   
    $("body").on('click',".u2>.x1",function () {

        $(this).addClass("dsb").siblings().removeClass("dsb"); $("#middleImg>.im3").show()
        // $("#bigImg").attr("src", $(".x1 img").prop("src"))
        $("#bigImg").eq(0).css("opacity",1).attr("src", $(".x1 img").prop("src")).siblings().css("opacity",0)

        $("#middleImg .im2").hide()
        $("#middleImg .im3").show()
    })
})


// 退出登录
$(function(){
   
    $(".yxr").on("click",function(){
        var flag=false;
        var login=JSON.parse($.cookie("loginInfo")||'[]');
        if(login.length == 0){
        $(".c1 .yxr").attr("href","login.html")
        $(".c1 .yxr").html("登录");
    }else{
        $(".c1 .yxr").attr("href","javascript:;")
        $(".c1 .yxr").html(login[0].uname)
        flag=true;
    }
    if(!flag){
        return;
    }
    layer.confirm("确定要退出吗",{
        icon:1
    },function(index){
        $.ajax({
            url:"./api/quit",
            type:"get"
        }).then(function(res){
            layer.msg(res.msg);
            var login=JSON.parse($.cookie("loginInfo")||'[]');
        if(login.length == 0){
        $(".c1 .yxr").attr("href","login.html")
        $(".c1 .yxr").html("登录");
    }else{
        $(".c1 .yxr").attr("href","javascript:;")
        $(".c1 .yxr").html(login[0].uname)
        // flag=true;
    }
         
        })
        layer.close(index);
    })
       
    })

})
$(function(){
    var flag=false;
    var login=JSON.parse($.cookie("loginInfo")||'[]');
    if(login.length == 0){
    $(".c1 .yxr").attr("href","login.html")
    $(".c1 .yxr").html("登录");
}else{
    $(".c1 .yxr").attr("href","javascript:;")
    $(".c1 .yxr").html(login[0].uname)
    flag=true;
}
if(flag){
    $.ajax({
        url:"./api/shop",
        type:"get",
        data:{
            uid:JSON.parse($.cookie("loginInfo"))[0].uid
        }
    }).done(function(res){
        console.log(res);
        var num=0
        res.data.forEach(el=>{
            num+=Number(el.p_num)

        })

       $(".yxr_sp").text(num)
    })
}
   $(".gouwu p").on("click",function(){
       window.location="shop.html"
   }) 
})






